<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>试卷管理</title>
    <!--  引入vue.js  因为Element UI 依赖vue -->
    <script src="../static/js/vue.js"></script>
    <script src="../static/js/axios.js"></script>
    <link rel="stylesheet" href="../static/elementui/theme-chalk/index.css"/>
    <link rel="stylesheet" href="../static/css/ques/02.css"/>
    <script src="../static/elementui/index.js"></script>



</head>
<body>



<div id="alice">

    试卷管理

    <el-divider></el-divider>
    <div class="div_box">
        <div class="div_box1">免费练习</div>
        <div class="div_box2"></div>
        <div class="div_box3">
            <el-button type="primary" size="mini">立即创建</el-button>
        </div>
    </div>

    <div class="div_box">
        <div class="div_box1">随堂练习</div>
        <div class="div_box2"></div>
        <div class="div_box3">
            <el-button type="primary" size="mini">立即创建</el-button>
        </div>
    </div>

    <div class="div_box">
        <div class="div_box1">历年真题</div>
        <div class="div_box2"></div>
        <div class="div_box3">
            <el-button type="primary" size="mini">立即创建</el-button>
        </div>
    </div>


    <div id="crazy_hat">


        <div class="div_out">

            <div class="span">
                试卷名称：
                <div class="div_inner">
                    <el-input v-model="id" placeholder="请输入名称"></el-input>
                </div>
            </div>

            <div class="span">
                <span class="star">*</span> 试卷状态：

                <div class="div_inner">

                    <el-select v-model="test_status_selectedID" placeholder="选择试卷状态"  @change="get_test_statusID" size="small">
                        <el-option v-for="item in test_status" :key="item.id" :label="item.name" :value="item.id">

                        </el-option>
                    </el-select>
                </div>
            </div>

            <div class="span">
                <span class="star">*</span> 试卷状态：

                <div class="div_inner">

                    <el-select v-model="test_type_selectedID" placeholder="选择试卷状态"  @change="get_test_typeID" size="small">
                        <el-option v-for="item in test_type" :key="item.id" :label="item.name" :value="item.id">
                            {{item.name}}
                        </el-option>
                    </el-select>
                </div>
            </div>


            <div class="span">
                <el-button type="primary" size="small">查询</el-button>
            </div>

            <div class="span">
                <el-button type="primary" size="small">重置</el-button>
            </div>

            <template>
                <el-table
                        :data="test"
                        style="width: 80%"
                        :row-class-name="tableRowClassName">
                    <el-table-column prop="testType" label="试卷类型" align="center" width="200">
                    </el-table-column>
                    <el-table-column prop="testName" label="试卷名称" align="center" width="200">
                    </el-table-column>
                    <el-table-column prop="quesNum" label="题目数量" align="center" width="200">
                    </el-table-column>
                    <el-table-column prop="createTime" label="创建时间" align="center" width="200">
                    </el-table-column>
                    <el-table-column prop="status" label="状态" align="center" width="200">
                    </el-table-column>

                    <el-table-column fixed="right" prop="manager" label="操作" align="center" width="200">
                        <template slot-scope="scope">
                            <el-button @click="handleClick(scope.row)" type="text" size="mini" >
                                操作
                            </el-button>
                            <el-button type="text" size="mini" >编辑</el-button>
                            <el-button @click="del" type="text"  size="small">删除</el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </template>

            <!-- 分页组件 -->
            <div class="block" style="margin-top: 20px;">
                <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
                               :current-page="currentPage"
                               :page-sizes="[6, 12, 20]"
                               :page-size="6"
                               layout="total, sizes, prev, pager, next, jumper"
                               :total=total>
                </el-pagination>
            </div>
        </div>

    </div>

</div>



<!--<script>


    let data = {
        radio:"",
        input:"",
        send_time:"",
        mes_type:"",
        tableData: [{
            ques_id:'WN0012',
            type:'单选题',
            content:'解析解析内容内容',
            diffcult:'难',
            point:'0012',
            score:'2',
            editor_time:'2016-02-3',
            done_num:'1330',
            rate:'65%',
            error_option:'D',

            /*date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄',*/
        }, {
            ques_id:'WN0012',
            type:'单选题',
            content:'解析解析内容内容',
            diffcult:'难',
            point:'0012',
            score:'2',
            editor_time:'2016-02-3',
            done_num:'1330',
            rate:'65%',
            error_option:'D'

        }, {
            ques_id:'WN0012',
            type:'单选题',
            content:'解析解析内容内容',
            diffcult:'难',
            point:'0012',
            score:'2',
            editor_time:'2016-02-3',
            done_num:'1330',
            rate:'65%',
            error_option:'D',

        }, {
            ques_id:'WN0012',
            type:'单选题',
            content:'解析解析内容内容',
            diffcult:'难',
            point:'0012',
            score:'2',
            editor_time:'2016-02-3',
            done_num:'1330',
            rate:'65%',
            error_option:'D'

        },
            {
                ques_id:'WN0012',
                type:'单选题',
                content:'解析解析内容内容',
                diffcult:'难',
                point:'0012',
                score:'2',
                editor_time:'2016-02-3',
                done_num:'1330',
                rate:'65%',
                error_option:'D',

            }, {
                ques_id:'WN0012',
                type:'单选题',
                content:'解析解析内容内容',
                diffcult:'难',
                point:'0012',
                score:'2',
                editor_time:'2016-02-3',
                done_num:'1330',
                rate:'65%',
                error_option:'D'

            }, {
                ques_id:'WN0012',
                type:'单选题',
                content:'解析解析内容内容',
                diffcult:'难',
                point:'0012',
                score:'2',
                editor_time:'2016-02-3',
                done_num:'1330',
                rate:'65%',
                error_option:'D',

            }, {
                ques_id:'WN0012',
                type:'单选题',
                content:'解析解析内容内容',
                diffcult:'难',
                point:'0012',
                score:'2',
                editor_time:'2016-02-3',
                done_num:'1330',
                rate:'65%',
                error_option:'D'

            },
            {
                ques_id:'WN0012',
                type:'单选题',
                content:'解析解析内容内容',
                diffcult:'难',
                point:'0012',
                score:'2',
                editor_time:'2016-02-3',
                done_num:'1330',
                rate:'65%',
                error_option:'D',

            }, {
                ques_id:'WN0012',
                type:'单选题',
                content:'解析解析内容内容',
                diffcult:'难',
                point:'0012',
                score:'2',
                editor_time:'2016-02-3',
                done_num:'1330',
                rate:'65%',
                error_option:'D'

            }]

    };

    let main_div = new Vue({

        el:"#alice",
        data:data,
        methods:{
            show1: function(){
                console.log(data.radio+"部分学员");
            },
            show2: function(){
                console.log(data.radio+"全部学员");
            }




        }



    });



</script>-->










<!--<style type="text/css">

    #alice{
        width:1500px;
        margin: 0 auto;
        margin-top: 55px;

    }

    #crazy_hat{
        height:50px;
        background-color:#eeeeee;
        text-align:center;
        line-height:50px;
        margin-top: 10px;
    }

    .star{
        color:red;
    }


    .div_out {
        margin-top: 15px;
    }


    .div_inner{
        position: relative;
        font-size: 14px;
        display: inline-block;

    }
    .div_box{
        width:400px;
        height:180px;
        background-color:rgba(237,244,255,1);
        margin-top: -6px;
        margin-left: 44px;
        position: relative;
        display: inline-block;

    }



    .div_box1{
        height:100px;
        text-align:center;
        line-height:100px;
        font-size: 36px;
    }

    /*.div_box2{
        height:30px;
        color: #666666;
        text-align:center;
        line-height:40px;
    }*/

    .div_box3{
        height:60px;
        text-align:center;
        line-height:60px;
    }

    .content{
        width:500px;
        height:300px;
        border: 1px solid;

    }


    .span{
        display: inline-block;
        margin-left: 30px;
    }

</style>-->



<script src="../static/js/ques/02.js"></script>

</body>
</html>